<!DOCTYPE html>
<html lang="zh-CN">
  <head>
  	<!--定义好页面编码 -->
    <meta charset="utf-8">  
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--描述：这里定义好移动端的自适应-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 模板</title>
    <!-- 引入好Bootstrap css样式文件 -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <!--描述：引入js文件 记住一定要先引入JQuery的支持-->
    <script src="js/jquery-1.12.4.js"></script>
    <!-- 引入bootStrap的js文件-->
    <script src="js/bootstrap/bootstrap.js"></script>
    <script type="text/javascript" src="js/business/index.js"></script>
  </head>
  <body>
  	<!-- 这里写代码-->
		<div class="container-fluid">
			<div class="row" >
				<div class="col-md-12" >
					<nav class="navbar navbar-default navbar-inverse ">
						<div class="navbar-header">
							<a href="#" class="navbar-brand">BAIDU</a>
						</div>
						<ul class="nav navbar-nav">
							<!-- 注意这里要都放在a标签中，要不然就会错位-->
							<li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span>&nbsp;首页</a></li>
							<li><a href="#"><span class="glyphicon glyphicon-folder-open"></span>&nbsp;课程</a></li>
							<li><a href="#"><span class="glyphicon glyphicon-comment"></span>&nbsp;评论</a></li>
							<li><a href="#"><span class="glyphicon glyphicon-list"></span>&nbsp;门户</a></li>
							<li><a href="#"><span class="glyphicon glyphicon-user"></span>&nbsp;管理员</a></li>
							<li><a href="#"><span class="glyphicon glyphicon-file"></span>&nbsp;新闻</a></li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-cog"></span>&nbsp;设置</a>
								<ul class="dropdown-menu">
									<li><a>个人信息</a></li>
									<li><a>积分规则</a></li>
								</ul>
							</li>
						</ul>
					</nav>
				</div>
			</div>
			<div class="row">
				<!--左边的胶囊导航-->
				<div class="col-lg-2">
					<!-- 左边胶囊导航-->
					<ul class="nav nav-pills nav-stacked">
						<li><a href="#">发布新闻</a></li>
						<li class="active"><a href="#">新闻管理</a></li>
						<li><a href="#">新闻评论</a></li>
						<li><a href="#">新闻审核</a></li>
					</ul>
				</div>
				<!-- 右边的数据列表-->
				<div class="col-lg-10">
					<!-- 由一个大的Panel组成-->
					<div class="panel panel-success">
						<div class="panel-heading">
							<span class="panel-title">新闻管理</span>
						</div>
						<div class="panel-body">
							<table class="table table-bordered table-striped" id="mytable">
								<tr>
									<th class="text-center">
											<input type="checkbox" id="selectAll" name="selectAll" />
									</th>
									<th class="text-center">标题</th>
									<th class="text-center">发布时间</th>
									<th class="text-center">操作</th>
								</tr>
							</table>
							<div>
								<button type="button" class="btn btn-danger" id="delbtn">删除&nbsp;<span class="glyphicon glyphicon-trash"></span></button>
								<button type="button" class="btn btn-primary" id="addbtn">添加&nbsp;<span class="glyphicon glyphicon-plus"></span></button>
							</div>
							<!-- 设置分页组件-->
							<ul class="pagination pull-right" id="pagecontrol" >
								<li class="active"><a href="#">1</a></li>
							</ul>
						</div>
						<div class="panel-footer">
							测试数据
							<span class="badge pull-right">广州金鹏集团</span>
						</div>
					</div>
				</div>
				<!-- 公用这个模态框完成提示 和输入,修改信息-->
				<div class=" modal fade" id="mydialog" data-backdrop="static">
					<div class="modal-dialog " id="modal-mydialog">
						<div class="modal-content">
							<div class="modal-header">
								<button class="close" onclick="closedialog()">&times;</button>
								<div class="h4 modal-title" id="mydialog-title"></div>
							</div>
							<div class="modal-body " id="mydialog-body">
								
							</div>
							<div class="modal-footer" id="control-btnDiv">
								<!--<button class="btn btn-primary"  id="control-btn"></button>-->
							</div>
						</div>
					</div>
				</div>
		</div>
		<!--<div class='row'>
			<form class='form-horizontal' id='newsForm' action='' method='post'>
				<div class='form-group'>
					<label class='control-label col-md-3' for='title'>标题<span class='text-danger'>*</span></label>
					<div class='col-md-6' id='titleDiv'>
							<input type='text' class='form-control' id='title' name='title'>
					</div>
					<div class='col-md-3 text-left' style='font-size: 18px; margin-left:-20px;' id='titleMsg'></div>
				</div>
				<div class='form-group'>
					<label class='control-label col-md-3' for='pubdate'>日期<span class='text-danger'>*</span></label>
					<div class='col-md-6' id='pubdateDiv'>
						<input type='date' class='form-control' id='pubdate' name='pubdate'>
					</div>
					<div class='col-md-3 text-left' style='font-size: 18px; margin-left:-20px;' id='pubdateMsg'></div>
				</div>
				<div class='form-group'>
					<label class='control-label col-md-3' for='content'>内容<span class='text-danger'>*</span></label>
					<div class='col-md-6' id='contentDiv'>
						<input type='text' class='form-control' id='content' name='content'>
					</div>
					<div class='col-md-3 text-left' style='font-size: 18px; margin-left:-20px;' id='contentMsg'></div>
				</div>
			</form>
		</div>
		-->
	</div>
  </body>
</html>